<template>
    <div>
      <Header></Header>
      <div class="centre_part1">
        <div class="centre_part2">
          <div class="centre_part3" >
              <span class="one"><font size="4" color="#666666">申请商家入驻</font></span>
          </div>
          <br>
          <hr color="#eaeaea"  >

          <div class="ant-form">
            <div style="width: 600px ;height: 60px"></div>
            <div class="centre_part4">
              <nav>
                <span class="pa1">*</span>
                <span>公司名称：</span><input type="text" name="username" class="inputpart">
              </nav>
            </div>
            <div class="centre_part4">
              <nav>
                <span class="pa1" style="margin-left: 27px">*</span>
                <span> 地 区：</span>
                <select name="province" id="province" class="testpart03" style="margin-left: -4px">
                  <option value="" >请选择省</option>
                  <option value="" >广西</option>
                  <option value="" >湖南</option>
                  <option value="" >云南</option>
                  <option value="" ></option>
                </select>


                <select name="city" id="city" class="testpart03" style="margin-left: 6px">
                  <option value="" >请选择市</option>
                  <option value="">贵港</option>
                  <option value="">桂林</option>
                  <option value="">北海</option>
                  <option value="">玉林</option>
                  <option value="">贺州</option>
                  <option value="">柳州</option>
                  <option value="">防城港</option>
                </select>


                <select name="county" id="county" class="testpart03" style="margin-left: 6px">
                  <option value="">请选择县</option>
                  <option value="">阳朔</option>
                  <option value="">宾阳</option>
                  <option value="">东兴</option>
                  <option value="">永福</option>
                  <option value="">桂平</option>
                </select>
              </nav>
            </div>
            <div class="centre_part4">
              <nav>
                <span class="pa1">*</span>
                <span>详细地址：</span><input type="text" name="username" class="inputpart">
              </nav>
            </div>
            <div class="centre_part4">
              <nav>
                <span class="pa1" style="margin-left: 16px">*</span>
                <span> 联系人：</span><input type="text" name="username" class="inputpart">
              </nav>
            </div>
            <div class="centre_part4">
              <nav>
                <span class="pa1">*</span>
                <span>联系电话：</span>
                <select class="testpart04" style="margin-left: -4px">
                  <option value=""> +86</option>
                  <option value=""> +87</option>
                </select>
                <input type="text" name="username" class="inputpart03">
              </nav>
            </div>
            <div class="centre_part4">
              <nav>
                <span class="pa1">*</span>
                <span>电子邮箱：</span><input type="text" name="username" class="inputpart">
              </nav>
            </div>
            <div class="centre_part4">
              <nav>
                <span class="pa1">*</span>
                <span>代理级别：</span><input type="text" name="username" class="inputpart">
              </nav>
            </div>
            <div class="centre_part4">
              <nav>
                <span class="pa1">*</span>
                <span>注册资本：</span><input type="text" name="username" class="inputpart02">
                <span class="testpart01">万元</span>
              </nav>
            </div>
            <div class="centre_part4">
              <nav>
                <span class="pa1">*</span>
                <span>年销售额：</span><input type="text" name="username" class="inputpart02">
                  <span class="testpart01">万元</span>
              </nav>
            </div>
            <div class="centre_part4">
              <nav>
                <span class="pa1" style="margin-left: -8px">*</span>
                <span>品牌/类别：</span><input type="text" name="username" class="inputpart">
              </nav>
            </div>
            <div class="centre_part4">
              <nav>
                <span class="pa1">*</span>
                <span>资格证书：</span><input type="text" name="username" class="inputpart">
              </nav>
            </div>
            <div class="centre_part5">
              <nav>
                <span class="pa1">*</span>
                <span>合作伙伴：</span>
                <textarea placeholder=" 多个合作伙伴名称，使用“，”隔开"
                          name="" id="hezuopatr1" cols="56" rows="8">

                </textarea>
              </nav>
            </div>
            <div class="centre_part5">
              <nav>
                <span class="pa1" style="margin-left: 31px">*</span>
                <span>留言：</span>
                <textarea  placeholder=" 留言内容请不要超过2000字，企业介绍等内容，请以邮件形式发送。"
                          name="" id="liuyanpart1" cols="56" rows="8">

                </textarea>
              </nav>
            </div>

          </div>

        </div>
        <div class="ant-btn-primary ant-btn">
          <h1>提交</h1>
        </div>

      </div>
    </div>
</template>

<script>

  import Header from '../Header/Header'
    export default {
        name: "AddMerchant",
      data() {
        return {
        }
      },
      components:{
          Header
      }
    }
</script>

<style scoped>
  .centre_part1{
    width: 1200px;
    margin: 0 auto;
    height: 1600px;
  }
  .centre_part2{
    width: 1100px;
    height: 1320px;
    padding: 60px 0px 0px 100px;
  }
  .ant-btn-primary {
    color: #fff;
    background-color: #1890ff;
    border-color: #1890ff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.045);
    box-shadow: 0 2px 0 rgba(0,0,0,.045);
    margin-left: 300px;
    margin-top: 30px;
  }
  .ant-btn {
    line-height: 1.499;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 4px;
    height: 28px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    position: relative;
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.015);
    box-shadow: 0 2px 0 rgba(0,0,0,.015);
  }
  .centre_part3{
  }
  .ant-form {
    width: 1100px;
    height: 1500px;
  }
  .centre_part4{
    width: 800px;
    height: 80px;
    margin-left: 100px;
  }
  .centre_part5{
    width: 800px;
    height: 165px;
    margin-left: 100px;
  }
  .placeholder {
    color:#eaeaea;
  }
  .pa1{
    display: inline-block;
    margin-right: 4px;
    content: "*";
    font-family: SimSun;
    line-height: 1;
    font-size: 14px;
    color: #f5222d;
  }
  .inputpart{
    font-variant: tabular-nums;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: inline-block;
    padding: 4px 11px;
    width: 50%;
    height: 32px;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .inputpart02{
    font-variant: tabular-nums;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: inline-block;
    padding: 4px 11px;
    width: 348px;
    height: 32px;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .inputpart03{
    box-sizing: border-box;
    margin: 0px 0px 0px -5px;
    list-style: none;
    position: relative;
    display: inline-block;
    padding: 4px 11px 3px 0px;
    width: 328px;
    height: 32px;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transition: all .3s;
  }
  .testpart01{
    padding: 4px 11px 6px 12px;
    margin-left: -5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: rgba(0,0,0,.65);
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .testpart03{
    padding: 6px 0px 12px 5px;
    outline: none;
    user-select: none;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    border-top-width: 1.02px;
    color:#bfbfbf;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
  }
  .testpart04{
    padding: 6px 12px 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: rgba(0,0,0,.65);
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    position: relative;
    transition: all .3s;

  }

</style>
